<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
		* {
			background-color: darkgrey;
		}
		#quan {
			height: 800px; width: 750px;
			border: pink solid 5px;
			margin: auto;
		}
		#head {
			height: 60px;
			text-align: center;
		}
		#paihang {
			display: inline
			height: 300px; width: 200px;
			float: left;
			
			text-align: center;
		}
		#pai2 {
			display: inline
			height: 300px; width: 250px;
			float: left;
			
			text-align: center;
		}
		#pai3 {
			display: inline
			height: 300px; width: 300px;
			float: left;
			
			text-align: center;
		}
		#tu1 {
			height: 280px; width: 180px;
			
		}
		#tu2 {
			height: 280px; width: 250px;
			
		}
		#tu3 {
			height: 200px; width: 280px;
		}
		</style>
	</head>
	<body>
		<div id="head">
			<h1>女明星排行榜</h1>
		</div>
		<div id="quan">
			<div id="paihang">
				<a href="https://baike.baidu.com/item/%E5%A4%A7%E6%A1%A5%E6%9C%AA%E4%B9%85/7529793?fr=aladdin">
					<img id="tu1" src="img/48540923dd54564e1720cf78b3de9c82d1584f2d.jpg"/><br>大桥未久
				</a>
			</div>
			<div id="pai2">
				<a href="https://baike.baidu.com/item/%E6%98%8E%E6%97%A5%E8%8A%B1%E7%BB%AE%E7%BD%97/1475036?fr=aladdin">
					<img id="tu2" src="img/akari_tsumugi-1116349305479032833-20190411_223629-img1.jpg" /><br>明日花绮罗
				</a>
			</div>
			<div id="pai3">
				<a href="https://baike.baidu.com/item/%E4%B8%89%E4%B8%8A%E6%82%A0%E4%BA%9A/19933818?fr=aladdin">
					<img id="tu3" src="img/src=http___nimg.ws.126.net__url=http%253A%252F%252Fdingyue.ws.126.net%252F2021%252F0326%252F650ba766j00qqkabq004dc000td00jmc.jpg&thumbnail=650x2147483647&quality=80&type=jpg&refer=http___nimg.ws.126.jpg" /><br />三上悠亚
				</a>
			</div><br />
			
		</div>
	</body>
</html>
